/* 思源黑体 CN 半细体 常规  粗体 黑体 细体 细体  中等 */
@font-face {
    font-family: 'Source Han Sans CN';
    src: url('../zj_font/SOURCEHANSANSCN-EXTRALIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN-Heavy';
    /*src: url('../zj_font/SOURCEHANSANSCN-HEAVY.OTF');*/
    src:url('../zj_font/SOURCEHANSANSCN-HEAVY.woff2') format('woff2'),
        url('../zj_font/SOURCEHANSANSCN-HEAVY.woff') format('woff'),
        url('../zj_font/SOURCEHANSANSCN-HEAVY.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN-BOLD';
    src: url('../zj_font/SOURCEHANSANSCN-BOLD.woff') format('woff'), /* Pretty Modern Browsers */
        url('../zj_font/SOURCEHANSANSCN-BOLD.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN-LIGHT';
    src: url('../zj_font/SOURCEHANSANSCN-LIGHT.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN-MEDIUM';
    src:url('../zj_font/SOURCEHANSANSCN-MEDIUM.woff2') format('woff2'), /* Super Modern Browsers */
        url('../zj_font/SOURCEHANSANSCN-MEDIUM.woff') format('woff'), /* Pretty Modern Browsers */
        url('../zj_font/SOURCEHANSANSCN-MEDIUM.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN-NORMAL';
    src: url('../zj_font/SOURCEHANSANSCN-NORMAL.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN-REGULAR';
    src: url('../zj_font/SOURCEHANSANSCN-REGULAR.woff2') format('woff2'),
        url('../zj_font/SOURCEHANSANSCN-REGULAR.woff') format('woff'),
        url('../zj_font/SOURCEHANSANSCN-REGULAR.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Source Han Sans CN-Regular';
    src: url('../zj_font/SOURCEHANSANSCN-REGULAR.woff2') format('woff2'),
        url('../zj_font/SOURCEHANSANSCN-REGULAR.woff') format('woff'),
        url('../zj_font/SOURCEHANSANSCN-REGULAR.ttf')  format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-BOLD';
    src: url('../zj_font/DIN-BOLD.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-BLACK';
    src: url('../zj_font/DIN-BLACK.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'DIN-MEDIUM';
    src: url('../zj_font/DIN-MEDIUM.OTF');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'YouSheBiaoTiHei-Regular';
    src: url('../zj_font/YouSheBiaoTiHei-Regular.TTF');
    font-weight: normal;
    font-style: normal;
}

::-webkit-scrollbar {
    width: 10px; /* 设置滚动条宽度 */
}
 
::-webkit-scrollbar-track {
    background-color: #f5f5f5; /* 设置背景颜色 */
}
 
::-webkit-scrollbar-thumb {
    background-color: #888; /* 设置滑块颜色 */
}
 
::-webkit-scrollbar-thumb:hover {
    background-color: #555; /* 设置悬停时滑块颜色 */
}
 
/* IE 内核（IE/Edge） */
.element::-ms-overflow-style {
    scrollbar-width: thin; /* 设置滚动条宽度为窄型 */
    scrollbar-face-color: #888; /* 设置滑块颜色 */
    scrollbar-highlight-color: #fff; /* 设置高亮部分颜色 */
    scrollbar-shadow-color: #ccc; /* 设置阴影部分颜色 */
    scrollbar-arrow-color: #aaa; /* 设置箭头按钮颜色 */
    scrollbar-base-color: #ddd; /* 设置基本颜色 */
}

.header_box{
    width: 100%;
    height: 1.25rem;
    align-items: center;
    background: #fff;
    display: flex;    
    z-index: 999;
}
.header_box .logo{
    width: 2.225rem;
    height: .6rem;
    margin-left: 2.25rem;
}
.header_box .logo img{
    width: 100%;
    height: 100%;
}
.header_box .nav_box{
    display: flex;
    margin-left: 1.5875rem;
    margin-right: 2.15rem;
}
.header_box .nav_box .nav_item{
    font-size: .25rem;
    color: #0A70B4;
    font-weight: 400;
    
}
.header_box .nav_box .nav_item a{
    color: #0A70B4;
    text-decoration: none;
    font-size: .25rem;
    font-family: Source Han Sans CN-REGULAR;
}
.header_box .ml54{
    margin-left: .64rem;
}
.header_box .mr8{
    margin-right: .1rem;
}
.header_box .nav_box .nav_item a:hover{
    color: #0A70B4;
    font-weight: bold;
    font-family: Source Han Sans CN-Bold;
}
.header_box .nav_box .current{
    color: #0A70B4;
    font-weight: bold;
    position: relative;
}
.header_box .nav_box .current a{
    font-family: Source Han Sans CN-Bold;
}
.header_box .nav_box .current::after{
    content: '';
    display: block;
    width: 90%;
    height: .05rem;
    background-color: #0A70B4;
    position: absolute;
    bottom: -.22rem;
    left:5%;
    border-radius: .025rem ;
}

.slider-area.slider-two:after {
    background: rgba(45, 62, 80, 0.4) none repeat scroll 0 0;
    width: 100%;
    transform: none;
    -webkit-animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;
            animation: 700ms ease-in-out 0s normal none 1 running slideInLeft;
}
.slider-two .nivo-directionNav {display: none;}
.slider-two .banner-content .brief_1 {
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;
        animation: 1000ms ease-in-out 0s normal none 1 running bounceInDown;
}
.slider-three .banner-content .brief_1 {
    -webkit-animation: 1000ms ease-in-out 0s normal none 1 running flipInX;
        animation: 1000ms ease-in-out 0s normal none 1 running flipInX;
}
.slider-two .banner-content .banner_name {
    -webkit-animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
        animation: 2000ms ease-in-out 0s normal none 1 running bounceInLeft;
}
.slider-two .banner-content .brief_2 {
    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;
        animation: 2500ms ease-in-out 0s normal none 1 running bounceInUp;
}
.slider-three .banner-content .brief_2 {
    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running flipInY;
        animation: 2500ms ease-in-out 0s normal none 1 running flipInY;
}
.slider-two .banner-content.slider-2 .brief_1 {
    -webkit-animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;
        animation: 1500ms ease-in-out 0s normal none 1 running slideInLeft;
}
.slider-two .banner-content.slider-2 .banner_name {
    -webkit-animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;
        animation: 2500ms ease-in-out 0s normal none 1 running fadeInLeftBig;
}
.slider-two .banner-content.slider-2 .brief_2 {
    -webkit-animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;
        animation: 3000ms ease-in-out 0s normal none 1 running zoomInUp;
}
.slider-two .preview-2 .nivo-controlNav {
    display: block;
    z-index: 99;
    padding: 0;
}
.slider-area .banner-content h1 {
    -webkit-animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
        animation: 1500ms ease-in-out 0s normal none 1 running fadeInUp;
}

/*--------- 底部 -------------*/
    .footer_box{
        width: 100%;
        background: #0A70B4;
    }
    .footer_box .box1{
        width: 19.5rem;
        height: 1.4rem;
        margin:0 auto;
        border-bottom: .0125rem solid #ffffff4d;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .footer_box .box1 img{
        width: 2.225rem;
        height: .6rem;
    }
    .footer_box .box1 .r_con{
        font-size: .175rem;
        color: #fff;
        display: flex;
    }
    .footer_box .box1 .r_con .address_box{
        margin-left: .5rem;
        color: #fff !important;
    }
    .address_box a{
        color: #fff;
        text-decoration: none;
    }
    
    .footer_box .box1 .r_con i{
        margin-right: .15rem;
        font-size: .225rem;
    }
    .footer_box .footer_nav_box{
        display: flex;
        width: 19.5rem;
        margin: 0 auto;
        margin-top: .4rem;
    }
    .footer_box .footer_nav_box .item{
        margin-right: 1.6375rem;

    }
    .footer_box .footer_nav_box .item .title{
        font-size: .225rem;
        margin-bottom: .15rem;
        color: #fff;
        font-size: .225rem;
    }
    .footer_box .footer_nav_box .item a{
        font-size: .175rem;
        color: #fff;
        text-decoration: none;
        margin-bottom:.15rem;
        display: block;
    }
    .footer_box .footer_column{
        width: 19.5rem;
        margin: 0 auto;
        margin-top: .45rem;
        font-size: .175rem;
        color: #fff;
        padding-bottom: .35rem;
    }
    .footer_box .footer_column a{
        color: #fff;
        text-decoration: none;
    }
    .footer_box .ml60{
        margin-left: .75rem;
    }

    .footer_box .item2{
        margin-left: .1rem;
        border-left: 1px solid #ffffff4d;
        padding-left: 1.0125rem;
        height: 1.8875rem;
        display: flex;
    }
    .footer_box .item2 img{
        width: 1.8875rem;
        height: 1.8875rem;
    }
    .footer_box .item2 .brief_{
        width: .2rem;
        font-size: .2rem;
        color: #fff;
        margin-left: .175rem;
        margin-top: .3375rem;
    }
/* 底部结束 */
.mt75{
    margin-top: .9375rem;
}
.pt75{
    padding-top: .4375rem;
}
.title_block{
    margin-left: 2.25rem;
}
.title_block .title_{
    font-size: .5rem;
    color: #4D4D4D;
    font-family: Source Han Sans CN-Heavy;
    font-weight: 800;
    
}
.title_block .title_ span{
    color: #0A70B4;
}
.title_block .title_en{
    font-family: Source Han Sans CN-Bold;
    font-size: .225rem;
    font-weight: bold;
    color: #ccc;
    margin-top: .02rem;
    margin-bottom: .1rem;
}
.title_block .title_brief{
    font-family: Source Han Sans CN-Regular;
    color: #808080;
    font-size: .175rem;
}

.no_data{
    width: 100%;
    text-align: center;
    margin: 1.75rem 0;
}
.tk_bg{
    width: 100%;
    position: absolute;
    z-index: -1;
}
.hzhb_box{
    width: 100%;
    background-color:#F7F7F7;
}
.img_hzhb{
    width: 1005;
    height: 7.6875rem;
    overflow: hidden;
    overflow-x: auto;
    
}
.img_hzhb .hzhb{
    height: 7.6875rem;
}
.img_hzhb::-webkit-scrollbar{
    -webkit-appearance: none;
    width: 0px;
    height: 0;
}

.img_hzhb::-webkit-scrollbar-thumb {
    border-radius: 5px;
    background-color: rgba(0,0,0,.5);
    background-clip: padding-box;
}


.page_cate_title{
    font-size: .65rem;
    font-family: YouSheBiaoTiHei-Regular;
    text-align: center;
    z-index: 888;
    position: sticky;
    padding-top: .425rem;
    color: #fff;
    position: relative;
    
}
.page_cate_title .line_{
    content: '';
    width: 1.225rem;
    height: .05rem;
    z-index: 888;
    margin: 0 auto;
    position: sticky;
    background: #fff;
}
/* 超出隐藏 */
.overflow2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
}
.overflow3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
}
.overflow4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    text-overflow: ellipsis;
    overflow: hidden;
}
.overflow1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
}
.list_page_box{
    text-align: center;
    
}
.list_page_box li span{
    width: .3rem;
    height: .3rem;
    line-height: .3rem !important;
    padding: 0;
    margin-right:.3125rem;
    font-size: .2rem;
    font-family: Source Han Sans CN-Regular;
    display: block;
    padding: .25rem 0;
}

.list_page_box li a{
    font-size: .2rem!important;
    color: #4D4D4D!important;
    font-family: Source Han Sans CN-Regular;
    border:none !important;
    width: .3rem !important;
    height: .3rem!important;
    line-height: .3rem!important;
    padding: 0!important;
    margin:0 .2125rem!important;
}
.list_page_box li .next_but{
    width: .3rem;
    height: .3rem;
    background: #F2F2F2;
    line-height: 0.25rem;
}
.list_page_box span:hover{
    color: #0A70B4 !important;
}
.list_page_box .disabled span{
    line-height: 0.25rem;
    padding:0 !important;
}
.list_page_box .active span{
    background: none !important;
    border:none !important;
    color: #0A70B4 !important;
    font-weight: bold !important;
    padding: 0 !important;
    margin-left: .28rem;
}
.rotate90 {
    transform: rotate(90deg);
}

.img_detail{
    display: none;
    width: 100%;
    height: 100vh;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    top: 0;
    z-index: 88888;
    
}
.img_detail .detail_box{
    width: 10rem;
    height: 7.5rem;
    background: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.img_detail .detail_box .img_s{
    max-height: 7.5rem;
    max-width: 100%;
    box-shadow: 0 2px 4px rgba(0,0,0,.08);
}
.img_detail .detail_box .close_but{
    cursor: pointer;
    position: absolute;
    width: .5rem;
    height: .5rem;
    right: .1rem;
    top: .1rem;
}
.d_flex{
    display: flex !important;
}